<template>
  <div class="app-container">
    <h3 class="big_title">患者</h3>
    <el-divider></el-divider>

    <p style="margin-bottom: 10px;">
      患者信息
    </p>
    <el-row>
      <el-col :span="6">
        <span class="cur_box" @click="doClick('erm_patient_tags','患者标签设置')">
          <i class="el-icon-setting"></i>
          <span>
            患者标签设置
          </span>
        </span>
      </el-col>
      <el-col :span="6">
        <span class="cur_box" @click="doClick('erm_patient_source','患者来源设置')">
          <i class="el-icon-setting"></i>
          <span>
            患者来源设置
          </span>
        </span>
      </el-col>
      <el-col :span="6">
        <span class="cur_box" @click="doClick('erm_personal_relationship','与患者关系设置')">
          <i class="el-icon-setting"></i>
          <span>
            与患者关系设置
          </span>
        </span>
      </el-col>
      <el-col :span="6">
        <span class="cur_box" @click="doClick('erm_past_history','既往史设置')">
          <i class="el-icon-setting"></i>
          <span>
            既往史设置
          </span>
        </span>
      </el-col>
    </el-row>
    <el-row style="margin-top: 10px;">
      <el-col :span="6">
        <span class="cur_box" @click="doClick('erm_marriage','婚姻关系设置')">
          <i class="el-icon-setting"></i>
          <span>
            婚姻关系设置 
          </span>
        </span>
      </el-col>
      <el-col :span="6">
        <span class="cur_box" @click="doClick('erm_family_history','家族史设置')">
          <i class="el-icon-setting"></i>
          <span>
            家族史设置
          </span>
        </span>
      </el-col>
      <el-col :span="6">
        <span class="cur_box" @click="doClick('erm_occupation','职业设置')">
          <i class="el-icon-setting"></i>
          <span>
            职业设置
          </span>
        </span>
      </el-col>
      <el-col :span="6">
       
      </el-col>
    </el-row>
    <el-divider></el-divider>

    <p style="margin-bottom: 10px;">
      收费信息
    </p>
    <el-row>
      <el-col :span="6">
        <span class="cur_box" @click="doClick('erm_financial_type','财务类型')">
          <i class="el-icon-setting"></i>
          <span>
            财务类型
          </span>
        </span>
      </el-col>
      <el-col :span="6">
        <span class="cur_box" @click="doClick('erm_unit_settings','单位设置')">
          <i class="el-icon-setting"></i>
          <span>
            单位设置
          </span>
        </span>
      </el-col>
      <el-col :span="6"></el-col>
      <el-col :span="6"></el-col>
    </el-row>
    <el-divider></el-divider>

    <p style="margin-bottom: 10px;">
      回访信息
    </p>
    <el-row>
      <el-col :span="6">
        <span class="cur_box" @click="doClick('erm_follow_up_type','回访类型设置')">
          <i class="el-icon-setting"></i>
          <span>
            回访类型设置
          </span>
        </span>
      </el-col>
      <el-col :span="6">
        <span class="cur_box" @click="doClick('erm_follow_up_content','回访内容设置')">
          <i class="el-icon-setting"></i>
          <span>
            回访内容设置
          </span>
        </span>
      </el-col>
      <el-col :span="6">
        <span class="cur_box" @click="doClick('erm_follow_up_results','回访结果设置')">
          <i class="el-icon-setting"></i>
          <span>
            回访结果设置
          </span>
        </span>
      </el-col>
      <el-col :span="6"></el-col>
    </el-row>
    <el-divider></el-divider>

    <p style="margin-bottom: 10px;">
      库房管理
    </p>
    <el-row>
      <el-col :span="6">
        <span class="cur_box" @click="doClick('erm_brand_settings','品牌设置')">
          <i class="el-icon-setting"></i>
          <span>
            品牌设置
          </span>
        </span>
      </el-col>
      <el-col :span="6">
      </el-col>
      <el-col :span="6"></el-col>
      <el-col :span="6"></el-col>
    </el-row>
    <el-divider></el-divider>

    <p style="margin-bottom: 10px;">
      考勤
    </p>
    <el-row>
      <el-col :span="6">
        <span class="cur_box" @click="doClickClassses('erm_class_settings','班次设置')">
          <i class="el-icon-setting"></i>
          <span>
            班次设置
          </span>
        </span>
      </el-col>
      <el-col :span="6"></el-col>
      <el-col :span="6"></el-col>
      <el-col :span="6"></el-col>
    </el-row>
    <el-divider></el-divider>

    <p style="margin-bottom: 10px;">
      医生
    </p>
    <el-row>
      <el-col :span="6">
        <span class="cur_box" @click="doClick('erm_doctor_tags','医生擅长标签设置')">
          <i class="el-icon-setting"></i>
          <span>
            医生擅长标签设置
          </span>
        </span>
      </el-col>
      <el-col :span="6"></el-col>
      <el-col :span="6"></el-col>
      <el-col :span="6"></el-col>
    </el-row>
    <el-divider></el-divider>


    <tagDialog
     :tagDialogVisible="tagDialogVisible"
     :title="title"
     :dictType="dictType"
     ref="tagDialogVisibleRef"
     @closeDialog="closeDialog"
    />

    <classesDialog
     :classesDialogVisible="classesDialogVisible"
     :title="title"
     :dictType="dictType"
     ref="classesDialogVisibleRef"
     @closeDialog="closeDialog"
    />
  </div>
</template>

<script>

import tagDialog from './tagDialog.vue';
import classesDialog from './classesDialog.vue';

export default {
  name: 'EitcErmPcIndex',
  components: {
    tagDialog,
    classesDialog
  },
  data() {
    return {
      tagDialogVisible: false,
      classesDialogVisible: false,
      title: "",
      dictType: ""
    };
  },

  mounted() {
    
  },

  methods: {
    doClick(type , title){
      this.dictType = type;
      this.title = title;
      this.tagDialogVisible = true;
      this.$nextTick(() => {
        this.$refs.tagDialogVisibleRef.initList();
      })
    },
    closeDialog(){
      this.tagDialogVisible = false;
      this.classesDialogVisible = false;
    },
    doClickClassses(type , title){
      this.dictType = type;
      this.title = title;
      this.classesDialogVisible = true;
      this.$nextTick(() => {
        this.$refs.classesDialogVisibleRef.initList();
      })
    },
  },
};
</script>

<style lang="scss" scoped>
.big_title {
  margin: 0;
}

.cur_box {
  cursor: pointer;

  &:hover {
    color: #409eff;
  }
}
</style>